*{
    padding: 0;
    margin: 0;
}
.bei{
    background: url(./banner.jpg)no-repeat;
    width: 100%;
    height: 300px;
    background-size: 100% 100%;
}
.zhuti{
    width: 25%;
    height: 600px;
    margin: 0 auto;
}

.you{
    width: 290px;
    height: 30px;
    margin-left: 20%;
    margin-top: 5%;
    outline: none;
    float: left;
    padding: 5px;
    border: none;
    border: 1px solid #C2C2C2;
    border-radius: 10px;
}
.you:focus{
    box-shadow: 0px 0px 30px #34B9F5;
}
.deng{
    width: 305px;
    height: 45px;
    margin-left: 20%;
    margin-top: 5%;
    outline: none;
    float: left;
    border: none;
    padding: 5px;
    color: white;
    background-color: #03A9F4;
    background-image: url(./loading.gif);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 270px;
    border-radius: 10px;
}
.deng:hover{
    font-size: 14px;
}
.fen{
    width: 65%;
    height: 1px;
    margin-left: 19%;
    float: left;
    margin-top: 15px;
    background-color: #C2C2C2;
}
.xeng{
    width: 305px;
    height: 45px;
    margin-left: 20%;
    margin-top: 5%;
    outline: none;
    float: left;
    border: none;
    border: 1px solid #34B9F5;
    padding: 5px;
    color: #34B9F5;
    background-color: white;
    border-radius: 10px;
}
.xeng:hover{
    color: white;
    background-color: #03A9F4;
    background-image: url(./youzhuanjiantou.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 270px;
}
.wang{
    width: 305px;
    height: 45px;
    margin-left: 20%;
    margin-top: 5%;
    outline: none;
    float: left;
    border: none;
    border: 1px solid #C2C2C2;
    padding: 5px;
    color: #C2C2C2;
    background-color: white;
    border-radius: 10px;
}
.wang:hover{
    color: white;
    background-color: #C2C2C2;
    background-image: url(./youzhuanjiantou.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 270px;
}